@charset "utf-8";

@import "common/config";

.login{
    margin-left: n(23px);
    margin-right: n(23px);
    height: n(171px);
     vertical-align: middle;
    .favicon{
        width: n(171px);
        height: 100%;
        overflow: hidden;
        border-radius: 50%;
        margin-right: n(25px);
        img{
            width: 100%;
        }
    }
    .more{
        height: 100%;
        line-height: n(171px);
        vertical-align: middle;
        i{
            font-size: 30px;
            color: black;
        }
    }
    .center{
        height: 100%;
        line-height: 31px;
        padding-top: n(31px);
        a{
            font-size: 15px;
            color: black;
        }
        p{
            color: #9d9d9d;
            font-size: 13px;
        }
    }
}

.woul{
    margin-top: 10px;
    text-align: center;
    li{
        display: inline-block;
        width: 31%;
        .w-h_193-149{
            margin: 0 auto;
            width: 95%;
            height: n(149px);
            padding-top: 3px;
            background-color: gold;
            i{
                font-size: n(79px);
                color: white;
            }
        }
    }
}

.service{
    &.top{
        margin-top: 20px;
    }
    li{
        margin-top: 10px;
        span{
            padding-left: 4px;
            font-size: 15px;
        }
        a{
            font-size: 13px !important;
            vertical-align: middle;
        }
    }
}

.width_50{
    width: 50%;
    margin-top: 10px;
    float: left;
    text-align: center;
    a{
        
        width: 45%;
        height: 38px;
        line-height: 38px;
        font-size: 18px;
        border-radius: 30px;
        display: inline-block;
        color: white;
        background-color: $border-color;
    }
}
